<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>推荐</title>
		<!--标准mui.css，公共样式-->
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
	</head>
	<body ng-app="drive">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left color6"></a>
			<h1 class="mui-title color6">推荐</h1>
			<a class="mui-pull-right lh44 colorP" id="share_btn">分享</a>
		</header>
		<div class="mui-content" ng-controller="myCtrl" ng-cloak>
			<div class="mui-text-center">
				<p class="font16 color6 p_tb10P">扫描下面二维码，即可推荐下载</p>
				<img class="code" src="../public/images/code.jpg" alt="" onclick="tool.openNewPage('recommend.html')"/>
				<p class="color6 p_tb16">推荐号：885210</p>
			</div>
			<div class="p_tb11_lr15">
				<input id="j_phone" type="number" class="mui-input-clear b_r6 font16" placeholder="请输入手机号码">
				<button id="j_next" type="button" class="mui-btn mui-btn-green bg_green btn-green mui-btn-block bg_P m_t16 p_tb10 font16 b_r6">确定</button>
			</div>
			<p class="color_red font16 p_lr15 m_b16">推荐成功的客户：</p>
			<ul class="mui-table-view font14 m_b20">
				<div  ng-repeat="r in list">
			        <li class="mui-table-view-cell" ng-repeat="x in r.Customer">
			           <span class="mui-pull-left">{{x.name}}</span>
			           <span class="mui-pull-right">{{x.phone}}</span>
			        </li>
		       </div>
		    </ul>
		    
		    <div class="alert_window">
		    	<div class="shade"></div>
		    	<div class="mui-text-center share_list">
		    		<ul class="bg_grey p_l10 p_tb10 mui-clearfix">
			    		<p class="m_b10">分享到</p>
			    		<li class="mui-pull-left">
			    			<span class="iconfont mui-icon color_cyan">&#xe607;</span>
			    			<p class="color3">QQ</p>
			    		</li>
			    		<li class="mui-pull-left">
			    			<span class="iconfont mui-icon color_yellow">&#xe611;</span>
			    			<p class="color3">QQ空间</p>
			    		</li>
			    		<li class="mui-pull-left">
			    			<span class="iconfont mui-icon colorP">&#xe69e;</span>
			    			<p class="color3">微信</p>
			    		</li>
			    		<li class="mui-pull-left">
			    			<span class="iconfont mui-icon colorP">&#xe639;</span>
			    			<p class="color3">朋友圈</p>
			    		</li>
			    	</ul>
		    		<button type="button" class="mui-btn mui-btn-white mui-btn-block b_r0" id="cancel_btn">取消</button>
		    	</div>
		    </div>
		</div>
	</body>
	<!-- Mui core JavaScript-->
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/appconfig.js"></script>
	<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
	<script type="text/javascript" src="../js/angular1.2.0.js"></script>	
	<script src="../js/public.js"></script>
	<script>
		var app = angular.module('drive',['ng']);
	    app.controller('myCtrl', function ($scope,$http) {
		    $http.get('../js/jison/Recommended.json')
				.success(function (data) {
				$scope.list = data;
		    })
	    })	    
		//当用户点击"确定"按钮时所处理业务
		$("#j_next").on("tap",function (){
			if(!tool.validatePhone($("#j_phone").val())){
				mui.toast("手机号码输入不正确！");
				return;
			}
		});
	</script>
</html>
